@import 'src/res/theme/xxhz';


.detailBar {

  .btn-box-right {
    width: 60%;
    padding-right: 30px;
  }

  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: flex;
  z-index: 999;
  background-color: #fff;
  padding-bottom: env(safe-area-inset-bottom);
  height: 120px;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);

  .service-box {
    width: 40%;
    display: flex;
    align-items: center;
    box-sizing: border-box;

    .service-item {
      font-size: 24px;
      color: #565656;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
      height: 100%;
      justify-content: center;
      padding: 24px 0;
      padding-bottom: 18px;
      box-sizing: border-box;

      .text {
        white-space: nowrap;
        font-size: 12Px;
      }
    }
  }

  .btn-box {
    font-size: 32px;
    color: white;
    white-space: nowrap;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    .capsules {
      width: 150Px;
      height: 90px;
      display: flex;
      align-items: center;
      margin-bottom: inherit;
      justify-content: center;

      .no-radius {
        border-radius: 64px !important;
      }

      .share {
        display: flex;
        height: 94px;
        padding: 0 46px;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-direction: column;
      }

      button {
        border: none !important;
        content: none !important;
        background-color: initial;
      }

      .button::after,.weui-btn:after {
        border: none !important;
        content: none !important;
      }

      .share {
        border-radius: 64px 0 0 64px;
        background: #ffdd09;

        .top {
          color: #000;
        }

        .bottom {
          color: #464206;
        }
      }

      .top {
        font-size: 30px;
      }

      .bottom {
        font-size: 22px;
      }

      .dollar {
        font-size: 18px;
      }

      .true-price {
        font-size: 24px;
      }
    }

  }
}
